<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var username="tom";//全局变量 
        function show(){
            var age=20;//局部变量
            console.log("全局变量："+username);
            console.log("局部变量："+age);
            function show2(){
                var sex="男";//局部变量
                console.log("全局变量："+username);
                console.log("局部变量："+age);
                console.log("局部变量："+sex);
                function show3(){
                    console.log("全局变量："+username);
                    console.log("局部变量："+age);
                    console.log("局部变量："+sex);
                }
                show3();
            }
            show2();
            // console.log(sex);//父函数无法访问子函数中的局部变量的
        }
        show();

        console.log("变量隔离");
        var hobby="吃炸鸡是一个全局变量";//全局变量
        function visitHobby(){
            var hobby="打游戏是一个局部变量";
            console.log("局部变量："+hobby);
            console.log("全局变量："+window.hobby);
        }
        visitHobby();
        console.log(hobby);
        console.log("ES5中没有块级作用域的");

        var arr=[];
        for(var i=0;i<10;i++){
            var b=i;
            // arr.push(i);
            setTimeout(function(){
                arr.push(i);
            },1000);
        }
        console.log(arr);
        console.log(b);
        console.log("变量提升");
        console.log(y);
        var y="嘿嘿，我是y";
        console.log(y);

        //函数声明
        f1();
        function f1(){
            console.log("f1");
        }
        //函数表达式
        // f2();//报错
        var f2=function(){
            console.log("f2");
        };
    </script>
</head>
<body>
    
</body>
</html>